.footer{
    width:100%;
    background:white;
    display:flex;
    position:fixed;
    bottom: 0;
    left: 0;
    z-index:999;
    .opction{
        width:50%;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        //border-top: 1px solid #e6e6e6;
    }
    div{
       flex-direction: row;
       justify-content: space-around;
       align-items: center;
       .home{
           .homeTest{
               .text{
                    text-align: center;
               }
           }
       }
       .message{
            .mess{
                text-align: center;
            }
       }
       .collection{
            .love       {
                text-align: center;
            }
         .changeColor{
           color:#9948c3;
         }
       }
   }
    dl{
        width: 1rem;
        margin-top:.12rem;
        font-size:.24rem;
        text-align: center;
        padding-bottom: .08rem;
        img{
            width:.4rem;
            height:.4rem;         
        }
        dd{
            color:#646464;
        }
        
    }
    .btn{
        width:2.28rem;
        background:#ad6dcf;
        font-size:.3rem;
        color:#ffffff;
        display:flex;
        justify-content: space-around;
        align-items: center;
        .money{
           text-align:center;
          line-height: .35rem;
        }
    }
    .btn-right{
        width:2.1rem;
        background:#9948c3;
        color:#ffffff;
        font-size:.28rem;
        margin: 0 auto;
        text-align: center;

      img{
        width: .16rem;
        height: .28rem;
        margin-left: .1rem;
        display: inline-block;
      }
    }
    .alert{
        width:100%; 
        height:8.2rem;
       .buy{
         width: 100%;
         height: 7.2rem;
         display: block;
           .one{
               height:1.9rem;
               width:100%;
               border-bottom:1px solid #e6e6e6;
               .doing{
                   color:#9948c3;
                   margin-left: 2.5rem;
                   text-align: left;
                   width: 3.5rem;
                   display: inline-block;
                   .icon{
                     font-size: .34rem;
                     color: #9948c3;
                     margin-top: .42rem;
                     span{
                       padding: 0;
                       background: none;
                     }
                   }
                 .text{
                   margin-top: .14rem;
                   color:#323232;
                   display: -webkit-box;
                   -webkit-box-orient: vertical;
                   -webkit-line-clamp: 2;
                   overflow: hidden;
                 }

               }
              
           }
           .two{
                width:100%;
                float:left;
                border-bottom:1px solid #e6e6e6;
                h1,p{
                    font-size:.26rem;
                    color:#646464;
                    float:left;
                    padding-left:.3rem;
                    margin-top:.4rem;
                    margin-bottom:.26rem;
                    display: flex;
                    width: 100%;
                }
               
                .format{
                    float:left;
                    li{
                        float:left;
                        height:.6rem;
                        background:#f4f4f4;
                        color:#323232;
                        border-radius:.1rem;
                        margin-left:.3rem;
                        margin-bottom:.3rem;
                        font-size:.26rem;
                        line-height:.6rem;
                        border:1px solid #f4f4f4;
                        padding: 0 .24rem;
                    }
                    .change{
                      float: left;
                      height: .6rem;
                      background: #9948c3;
                      color: #ffffff;
                      border-radius: .1rem;
                      margin-left: .3rem;
                      margin-bottom: .3rem;
                      font-size: .26rem;
                      line-height: .6rem;
                    }
                }
            }
            .four{
                p{
                  float:left;
                  font-size:.26rem;
                  color:#646464;
                }
                .shopNum{
                    margin:.15rem;
                }
                .meth{
                    float:right;
                    width:2.3rem;
                    height:.62rem;
                    border:1px solid #c8c8c8;
                    border-radius:.31rem;
                    
                    li{
                        float:left;
                        line-height:.62rem;
                        
                    }
                   .detele,.add{
                       width:.60rem;
                       height:.62rem;
                   }
                   .detele{
                        font-size:.20rem;
                        color:#c8c8c8;
                   }
                   .add{
                    font-size:.36rem;
                    color:#323232;
               }
                    .number{
                        width:1rem;
                        height:.62rem;
                        border-left:1px solid #c8c8c8;
                        border-right:1px solid #c8c8c8;
                        font-size:.28rem;
                        color:#323232;
                    }
                }
            }
           .photo{
             width: 2.08rem;
             height: 2.08rem;
             border-radius: .1rem;
             position: fixed;
             left: .28rem;
             bottom: 6.6rem;
             border: 2px solid #f6f6f6;
             background: white;
               img{
                 display: block;
                 width: 2rem;
                 height: 2rem;
                 border-radius: .1rem;
                 position: fixed;
                 left: .33rem;
                 bottom: 6.68rem;
               }
           }
       }
       .sure{
           height:1.02rem;
           line-height:1.02rem;
           background:#9948c3;
           color: #fff;
           .btn-right{
                font-size:.34rem;
                color:#ffffff;
                text-align: center;
           }
           
       }
    }
}